<template>
  <!-- 学习中心 -->
  <div class="l_c_box">
    <!-- 页面标签栏 -->
    <div class="top_navbar">
      <TitleNavbar>
        <template v-slot:center>学习中心</template>
      </TitleNavbar>
    </div>
    <!-- 我的课程栏 -->
    <CourseMe />
    <!-- 热门课程 -->
    <CourseHot />
  </div>
</template>

<script>
import TitleNavbar from "../../components/titleNavbar/index.vue";
import CourseHot from "./component/CourseHot.vue";
import CourseMe from "./component/CourseMe.vue";
export default {
  components: { TitleNavbar, CourseHot, CourseMe },
};
</script>

<style lang="less" scoped>
.l_c_box {
  width: 100%;
  height: 100%;
  padding: 2.5rem 0;
  box-sizing: border-box;
}
.top_navbar {
  width: 100%;
  height: 2.5rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: #fff;
}
</style>
